<!DOCTYPE html>
<html>
    <head>
        
        <link rel="stylesheet" href="../recursos/css/loadingGif.css">		
        <link rel="stylesheet" type="text/css" href="../recursos/css/normalize.css" />
        <link rel="stylesheet" type="text/css" href="../recursos/css/foundation.css" />     
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
        <link href="../recursos/css/component.css"  rel="stylesheet" type="text/css" />
        <link href="../recursos/css/style.css" rel="stylesheet" type="text/css" />
        <link href="../recursos/css/popupShowMessage.css" rel="stylesheet" type="text/css" />
        <!--[if IE 7]>
                <link rel="stylesheet" href="../../recursos/css/font-awesome-ie7.min.css">
        <![endif]-->		        
        
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
        <script src="../recursos/js/jquery-ui-timepicker-addon.js"></script> 
        <script type="text/javascript" src="../recursos/js/jquery-ui-sliderAccess.js"></script>
        <script type="text/javascript" src="../recursos/js/funciones_generales.js"></script>
        <script type="text/javascript" src="../recursos/js/foundation.min.js"></script>
        
    </head>

    <body>
        
        <div id="divLoading" class="white_content"><img id='loadingGif' src='../recursos/imagenes/ajax-loader.gif' alt='' /></div>
        <div id="general_error" style="display: none"></div>
        <!--div id="divGeneralError">This is where you will put your inline HTML for the content inside of the overlay his is where you will put your inline HTML for the content inside of the overlay his is where you will put your inline HTML for the content inside of the overlay </div-->
        <div id="divBackGround" class="black_overlay"></div>
            
        <!-- Navigation -->
        <div class="fixed">
            <nav class="top-bar"  data-topbar data-options="is_hover: false">
                <ul class="title-area">
                  <li class="name">
                    <h1><a href="#">ServiPortuarios</a></h1>
                  </li>
                </ul>

                <section class="top-bar-section">
                  <!-- Right Nav Section -->
                  <ul class="right">
                    <li class="active"><a class="menuPrincipal" page="ord_trabajo/OrdTrabajo_lista.html" perm="OrdTrabajo.consultar" href="#">Ordenes de Trabajo</a></li>
                    <li class="has-dropdown">
                      <a class="menuPrincipal" href="#">Maestros de Informacion</a>
                      <ul class="dropdown">
                        <li><a class="menuPrincipal" page="maestros/MaePais_lista.html" perm="MaePais.consultar" href="#">Paises</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeCiudad_lista.html" perm="MaeCiudad.consultar" href="#">Ciudades</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeBarrio_lista.html" perm="MaeBarrio.consultar"  href="#">Barrios</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeCliente_lista.html" perm="MaeCliente.consultar"  href="#">Clientes</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeMaterial_lista.html" perm="MaeMaterial.consultar"  href="#">Materiales</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeServicio_lista.html" perm="MaeServicio.consultar"  href="#">Servicios</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeOperacionIdent_lista.html" perm="MaeOperacionIdent.consultar"  href="#">Tipos de Carga</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeOperacionPuerto_lista.html" perm="MaeOperacionPuerto.consultar"  href="#">Puertos de operacion</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeOperacionTipo_lista.html" perm="MaeOperacionTipo.consultar"  href="#">Tipos de operacion</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeUnidadMedida_lista.html" perm="MaeUnidadMedida.consultar"  href="#">Unidades de medida</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeEventoTipo_lista.html" perm="MaeEventoTipo.consultar"  href="#">Tipos de eventos</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeContenedorTipo_lista.html" perm="MaeContenedorTipo.consultar"  href="#">Tipos de Contenedor</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeMercanciaTipo_lista.html" perm="MaeMercanciaTipo.consultar"  href="#">Tipos de Mercancia</a></li>
                        <li><a class="menuPrincipal" page="maestros/MaeMercanciaEstado_lista.html" perm="MaeMercanciaEstado.consultar"  href="#">Estados de Mercancia</a></li>
                      </ul>
                    </li>
                    <li class="has-dropdown">
                      <a class="menuPrincipal" href="#">Seguridad</a>
                      <ul class="dropdown">
                        <li><a class="menuPrincipal" page="seguridad/SeguridadUsuario_lista.html" perm="SeguridadUsuario.consultar" href="#">Usuarios</a></li>
                        <li><a class="menuPrincipal" page="seguridad/SeguridadRol_lista.html" perm="SeguridadRol.consultar" href="#">Roles</a></li>
                        <li><a class="menuPrincipal" page="seguridad/SeguridadUsuarioRol_asignar.html" perm="SeguridadUsuarioRol.consultar" href="#">Asignar Roles a Usuarios</a></li>
                        <!--li><a class="menuPrincipal" page="seguridad/SeguridadPermiso_lista.html" perm="SeguridadPermiso.consultar" href="#">Permisos</a></li-->
                        <li><a class="menuPrincipal" page="seguridad/SeguridadRolPermiso_asignar.html" perm="SeguridadRolPermisos.consultar" href="#">Asignar Permisos a los Roles</a></li>
                      </ul>
                    </li>
                    <li class="name"><h1><a class="menuPrincipal" page="logout" perm="logout" href="#">Salir</a></h1></li>
                  </ul>

                  <!-- Left Nav Section -->
                  <!--ul class="left">
                    <li><a href="#">Left Nav Button</a></li>
                  </ul-->
                </section>
              </nav>
        </div>
        <!-- End Top Bar -->

        <!-- Header 
        <div class="row">
            <div class="large-12 columns">
                <img src="../recursos/imagenes/logo_header.png">
            </div>
        </div>
        End Header -->

        <!-- Content -->
        <div class="row">
            <div id="contenidoHTML">
                <?php 
                    if(!isset($_POST["pageToShow"])){
                        include "bandejaInicio.html";
                    }else{
                        $page= $_POST["pageToShow"];
                        if (file_exists($page)){                        
                            include $page;
                        }else{
                            echo '<p class="error">Falta el archivo <code>'.$page.'</code></p>';
                        } 
                    }
                ?>
            </div>
        </div>
        <!-- End Content -->

        <!-- Footer 
        <footer class="row"><hr />
            <div class="large-12 columns panel">
                <div class="row">
                    <div class="large-4 columns">
                        <p>&copy; ServiPortuarios</p>
                    </div>
                    
                    <div class="large-4 columns">
                        <ul class="inline-list right">
                            <li><a href="#">Link 1</a></li>
                            <li><a href="#">Link 2</a></li>
                            <li><a href="#">Link 3</a></li>
                            <li><a href="#">Link 4</a></li>
                        </ul>
                    </div>
                   
                </div>
            </div>
        </footer>
         END Footer -->
        
        <script>

//--- esto es necesario para el funcionamiento de la plantilla 
document.write('<script src=../recursos/js/vendor/' +
        ('__proto__' in {} ? 'zepto' : 'jquery') +
        '.js><\/script>')
$(document).foundation();
//--- FIN -- esto es necesario para el funcionamiento de la plantilla 

//Asociar los eventos a los link del menu principal
$(document).on("click",".menuPrincipal",function(e) {        
    //--- si el item no tiene definido la pagina y el permiso, no sigo...
    if(typeof($(this).attr("page"))==="undefined" || typeof($(this).attr("perm"))==="undefined"){
        return;
    }
    //--- verifico si debo cerrar la sesion
    if($(this).attr("page")==="logout"){
        cerrarSession();
        return;
    }
    
    //--- valido los permisos del usuario en session
    if(validarPermisoUsuarioSession($(this).attr("perm"))!==""){return;}
    
    //--- cargo la pagina Destino (lo envio en un formulario)
    var form = $('<form action="index.php" method="post">' +
    '<input type="hidden" id="pageToShow" name="pageToShow" value="'+$(this).attr("page")+'" />' +
    '</form>');
    $('body').append(form);
    $(form).submit();
        
});
            
        </script>  
    </body>
</html>
